.container {  
    position: relative;
    top: 3rem;
    width: 100vw;
    min-height:29.3vw;
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items: center;
    overflow:hidden;
    background-color:var(--precolor-fou);
    background: url("../../../banner/banner_ins_urchin5-6.jpg") no-repeat center; 
    background-size: contain;  
    margin-bottom: 3rem; 
} 
.container + p{text-align: center;}
.product_info{
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content:space-around;
  align-items: flex-start;
  overflow:hidden;
  background-color:var(--precolor-fou);
  margin:.2rem auto;
}
.product_info p{
  display: flex;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color);
  margin-bottom: .5rem;
}
.product_info div p{
display: flex;
font-size: .8rem;  
font-weight: normal;
text-indent: 1.2rem;
color: var(--color);
}
.product_info_desc{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: flex-start;
    overflow:hidden;
    background-color:var(--precolor-fou);
    margin:.5rem auto;
    font-size: .8rem;
    font-weight: normal;
}
.product_info_desc img{
  width: 100%;
  display: flex;
  object-fit: cover;
}
.product_info_desc div:last-child p:last-child{
  text-indent: 0rem;
  padding-left: 2rem;
}
.product_info_desc div .desc_top{
    display: flex;
    font-size: 1rem;
    font-weight: bold;
    color: var(--color);
    text-indent: 0rem;}
  .product_info_desc div p{
      text-indent: 2rem;}    

.respon_list_title{
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: center;
  overflow:hidden;
  background-color:var(--precolor-fou);
  margin:.1rem auto;
  font-size: .8rem;
  font-weight: bold;
}  
.respon_list{
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: flex-start;
    overflow:hidden;
    background-color:var(--precolor-fou);
    margin:.5rem auto;
    font-size: .8rem;
    font-weight: normal;
}
.respon_list_item{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: flex-start;
  overflow:hidden;
  background-color:var(--precolor-fou);
  margin:.1rem auto;
  font-size: .8rem;
  font-weight: normal;
}
.respon_list_txt{
  width: 70%;
  display: flex;
  align-items: flex-start;
  overflow:hidden;
  background-color:var(--precolor-fou);
}
.respon_list_limit1{
  width: 12%;
  display: flex;
  justify-content: flex-end;
  overflow:hidden;
  background-color:var(--precolor-fou);
}
.respon_list_limit4{
  width: 18%;
  display: flex;
  justify-content: flex-end;
  overflow:hidden;
  background-color:var(--precolor-fou);
}
.pre-auth-info{
  position: relative;
  margin:.5rem auto;
  padding: .5rem 0;
  display: flex;
  justify-content:center;
  align-items: center;    
  width:100%;
  font-size: 1rem;
  color: var(--precolor-fiv);
  background-color:var(--precolor-fou);  
}
.pre-auth-info i{
position: absolute;
top: calc(50% - .5rem);
left: calc(50% + 6rem);
transform: translateY(-20%);
transform-origin: center top;
animation: shake 1s infinite;
}
@keyframes shake {
0% { transform: translateY(0); }
25% { transform: translateY(-.2rem); }
50% { transform: translateY(0); }
75% { transform: translateY(.2rem); }
100% { transform: translateY(0); }
}
.authority-info {
  margin:.5rem auto;
  display: none;
  flex-direction: column;
  justify-content:flex-start;
  align-items: flex-start;    
  width:100%;
  color: var(--bgcolor);
}
.authority-info label {
  display: flex;
  width: 100%;
  margin: 0 .2rem;  
  font-weight: normal;
  font-size: .9rem;
  text-align: left;
  text-indent: 1rem;
  color:var(--precolor-fiv);
}